<section id="typography">
  <div class="page-header">
    <h1>Gerenciador <small>páginas, fotos, vídeos, agenda e o conteúdo que precisar</small></h1>
  </div>
  
    <ul class="nav nav-tabs">
        <li class="active">
          <a href="#">DashBoard</a>
        </li>
        <li><a href="#">Página</a></li>
        <li><a href="#">Fotos</a></li>
        <li><a href="#">Vídeos</a></li>
        <li><a href="#">Agenda</a></li>
    </ul>

  <!-- Headings & Paragraph Copy -->
    <div class="row">
        <div class="span4">
          <h3>pagamento nokengo</h3>
            <div class="alert alert-success">
                <h4 class="alert-heading">perfeito!</h4>
                você não tem débitos com a Nokengo!
            </div>
        </div>

        <div class="span4">
            <h3>servidor de e-mail</h3>
            <div class="alert alert-error">
                <h4 class="alert-heading">problema!</h4>
                nenhum e-mail cadastrado.
            </div>
        </div>

        <div class="span4">
            <h3>status do site</h3>
            <div class="alert alert-success">
                <h4 class="alert-heading">perfeito!</h4>
                site funcionando perfeitamente.
            </div>
        </div>
    </div>
    <div class="row">
        <div class="span4">
          <h3>mensagens da nokengo</h3>
          <em>
          <p>Olá, Mesh Produções! Estamos muito felizes por nos escolher como parceiro de trabalho e usar nossa ferramenta. Bem-vindo!</p>
          <p>Att, <br/>Nokengo Brasil</p>
          </em>
        </div>

        <div class="span4">
            <h3>Likes do Facebook</h3>
            <div class="alert alert-block">
                <!--<a class="close" data-dismiss="alert" href="#">×</a>-->
                <h4 class="alert-heading">Atenção!</h4>
                Você não configurou sua conta no facebook
            </div>
        </div>

        <div class="span4">
            <h3>seu site</h3>
                <table class="table table-bordered table-striped">
                    <thead>
                      <tr>
                        <th>Campo</th>
                        <th>Valor</th>
                      </tr>
                    </thead>
                    <tbody>
                      <tr>
                        <th>Título</th>
                        <td><code>Nokengo Brasil</code> <!--span class="muted">(not required)</span--></td>
                      </tr>
                      <tr>
                        <th>Domínio</th>
                        <td><code>www.nokengo.com</code></td>
                      </tr>
                      <tr>
                        <th>FB Id</th>
                        <td><code>203034536529348</code></td>
                      </tr>
                      <tr>
                        <th>Horizontal</th>
                        <td><code>.form-horizontal</code></td>
                      </tr>
                    </tbody>
              </table>
        </div>
    </div>
</section>